/* File Bar Styles */

.fileBar {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--color-filebar-bg);
  border-bottom: 1px solid var(--color-filebar-border);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  font-family: var(--font-family-mono);
  font-size: 13px;
  color: var(--color-text-secondary);
  min-height: 36px;
  flex-shrink: 0; /* 防止被压缩 */
  position: relative;
  z-index: 10;
}

.fileIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-tertiary);
  opacity: 0.8;
}

.fileInfo {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0; /* 允许text溢出处理 */
  flex: 1;
}

.fileName {
  color: var(--color-text-primary);
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.filePath {
  font-size: 11px;
  color: var(--color-text-tertiary);
  opacity: 0.7;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fileActions {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  /* 为未来的操作按钮预留空间 */
}

.lastSaved {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--color-text-tertiary);
  font-size: 11px;
  opacity: 0.8;
}

.clockIcon {
  width: 10px;
  height: 10px;
  opacity: 0.7;
}

.lastSavedText {
  white-space: nowrap;
  font-size: 11px;
}

/* 暗色主题适配 - 现在通过CSS变量自动处理 */

/* 响应式设计 */
@media (max-width: 768px) {
  .fileBar {
    padding: var(--spacing-xs) var(--spacing-sm);
    font-size: 12px;
    min-height: 32px;
  }
  
  .fileName {
    font-size: 12px;
  }
  
  .filePath {
    font-size: 10px;
  }
}

@media (max-width: 480px) {
  .fileBar {
    padding: 6px var(--spacing-xs);
    min-height: 28px;
  }
  
  .fileIcon {
    width: 14px;
    height: 14px;
  }
  
  .fileIcon svg {
    width: 14px;
    height: 14px;
  }
}
